﻿@{
    this.Scripts().ForThisPage();
}

<div class="header">
    <ul class="app-toolbar">
        <li><a href="#">Digital Survey</a></li>
        <li><a href="#">DigitalCRM</a></li>
        <li><a href="#">DigitalSul</a></li>
        <li><a href="#">Help</a></li>
    </ul>

    <div class="right-align">
        <span>Seja bem-vindo, <a href="/user/foliveiraz">Fabiano Oliveira</a> | <a href="#">Sair</a></span>

        <div class="searcher">
            <!-- SEARCH BOX SAMPLES -->
            <!-- ================== -->
            <!-- http://zenverse.net/create-a-fancy-search-box-using-css/ -->
            <!-- http://www.awcore.com/html/news/8/6-awesome-css-search-box_en -->
            <!-- http://www.red-team-design.com/how-to-create-a-cool-and-usable-css3-search-box -->
            <!-- http://www.paulund.co.uk/how-to-create-pretty-search-forms --> 
            <input type="text" name="query" data-bind="value: query, event: { change: getSomeSuggestions }" /><a href="#">Pesquisar</a>
            <ul class="suggestion" data-bind="foreach: suggestions, visible: suggestions().length>0">
                <li><a data-bind="href: url, text: description"></a></li>
            </ul>
        </div>
    </div>
</div>